.content {
  width: 100%;
  overflow: hidden; }
  .content .banner {
    width: 100%;
    height: 22vw;
    background-image: url(../images/icons_02.jpg);
    background-size: cover;
    background-position: center center;
    }
  .content .navbar {
    width: 100%;
    height: 70px;
    background: #fff; }
    .content .navbar .m {
      width: 1400px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      }
      .content .navbar .m li {
        position: relative;
        flex: auto;
        height: 100%;
        }
        .content .navbar .m li::after {
          content: '';
          width: 1px;
          height: 32px;
          background: #E5E5E5;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        .content .navbar .m li:first-child::before {
          content: '';
          width: 1px;
          height: 32px;
          background: #E5E5E5;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
        .content .navbar .m li.on a {
          font-weight: bold;
          color: #D43030; }
        .content .navbar .m li a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          color: #383838;
          font-weight: bold;
          }
  .content .main_content {
    width: 100%;
    overflow: hidden;
    background:#eef3f7 }
    .content .main_content .m {
      width: 1400px;
      margin: 0 auto;
      padding: 50px 0; }
      .content .main_content .m .des_banner {
        width: 100%;
        margin-top: 25px; }
        .content .main_content .m .des_banner img {
          display: block;
          width: 100%; }
      .content .main_content .m .main_links {
        overflow: hidden;
        width: 100%;
        margin-top: 44px; }
        .content .main_content .m .main_links .head {
          width: 100%; }
          .content .main_content .m .main_links .head p {
            text-align: center;
            font-size: 32px;
            color: #AB0202;
            line-height: 37px;
            font-weight: bold;
            }
          .content .main_content .m .main_links .head div {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative; }
            .content .main_content .m .main_links .head div span {
              display: block;
              font-size: 26px;
             
              padding: 0 20px;
              position: relative;
              text-transform: uppercase;
              color: #D5D5D5;
              line-height: 37px; }
              .content .main_content .m .main_links .head div span::after {
                content: '';
                width: 38px;
                height: 5px;
                background: #AB0202;
                position: absolute;
                left: -38px;
                top: 50%;
                transform: translateY(-50%); }
              .content .main_content .m .main_links .head div span::before {
                content: '';
                width: 38px;
                height: 5px;
                background: #AB0202;
                position: absolute;
                right: -38px;
                top: 50%;
                transform: translateY(-50%); }
            .content .main_content .m .main_links .head div em {
              flex: 1;
              height: 1px;
              background: #D5D5D5; }
        .content .main_content .m .main_links .box {
          width: 100%;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          margin-top: 30px; }
          .content .main_content .m .main_links .box .mySwiper1 {
            width: 100%;
            overflow: hidden; }
            .content .main_content .m .main_links .box .mySwiper1 .swiper-slide {
              width: 32%;
              margin-right: 2%; }
          .content .main_content .m .main_links .box .label {
            overflow: hidden;
            width: 100%; }
            .content .main_content .m .main_links .box .label img {
              display: block;
              width: 100%; }
          .content .main_content .m .main_links .box .btn {
            cursor: pointer;
            position: absolute;
            top: 50%;
            z-index: 99;
            transform: translateY(-50%); }
            .content .main_content .m .main_links .box .btn.prev {
              left: 10px; }
            .content .main_content .m .main_links .box .btn.next {
              right: 10px; }
      .content .main_content .m .main_news_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        .content .main_content .m .main_news_list .item {
          width: 30.75268817204301%;
          margin-right: 3.85%;
          margin-top: 20px; }
          .content .main_content .m .main_news_list .item:nth-child(3n) {
            margin-right: 0; }
          .content .main_content .m .main_news_list .item ul {
            width: 100%; }
            .content .main_content .m .main_news_list .item ul li {
              width: 100%;
              margin-top: 3px;
              }
              .content .main_content .m .main_news_list .item ul li:hover a .dot p {
                color: #AB0202;
                text-decoration: underline; }
              .content .main_content .m .main_news_list .item ul li:hover a span {
                color: #AB0202; }
              .content .main_content .m .main_news_list .item ul li a {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .content .main_content .m .main_news_list .item ul li a .dot {
                  display: flex;
                  align-items: center;
                  justify-content: space-between;
                  width: 80%; }
                  .content .main_content .m .main_news_list .item ul li a .dot div {
                    width: 5px;
                    height: 5px;
                    background: #C30905;
                    transform: rotate(45deg); }
                  .content .main_content .m .main_news_list .item ul li a .dot p {
                    font-size: 18px;
                    width: calc(100% - 12px - 5px);
                    color: #333333;
                    transition: all .1s;
                    line-height: 31px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                .content .main_content .m .main_news_list .item ul li a span {
                  font-size: 18px;
                  color: #666666; }
          .content .main_content .m .main_news_list .item .head {
            width: 100%;
            border-bottom: 1px dashed #D5D5D5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 66px;
            margin-bottom: 20px;
            }
            .content .main_content .m .main_news_list .item .head a {
              display: block;
              transition: all .1s;
              font-size: 16px;
              color: #999999;
              }
              .content .main_content .m .main_news_list .item .head a:hover {
                color: #AB0202; }
            .content .main_content .m .main_news_list .item .head p {
              font-size:30px;
              font-weight: bold;
              position: relative;
              color: #AB0202;
              height: 100%;
              display: flex;
              align-items: center;
              }
              .content .main_content .m .main_news_list .item .head p::after {
                content: '';
                width: 100%;
                height: 5px;
                background: #AB0202;
                position: absolute;
                left: 0;
                bottom: 0; }
      .content .main_content .m .main_news {
        overflow: hidden;
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .content .main_content .m .main_news .grow {
          width: calc(100% - 55.91397849462366%);
        
          padding: 25px 16px 20px 30px; }
          .content .main_content .m .main_news .grow .fadein {
            width: 100%; }
            .content .main_content .m .main_news .grow .fadein ul {
              width: 100%;
              margin-top: 35px;
              display: none; }
              .content .main_content .m .main_news .grow .fadein ul.on {
                display: block; }
              .content .main_content .m .main_news .grow .fadein ul li {
                width: 100%;
                margin-top: 24px; }
                .content .main_content .m .main_news .grow .fadein ul li.on .show {
                  display: flex; }
                .content .main_content .m .main_news .grow .fadein ul li.on .line {
                  display: none; }
                .content .main_content .m .main_news .grow .fadein ul li .show {
                  overflow: hidden;
                  display: flex;
                  display: none;
                  align-items: center; }
                  .content .main_content .m .main_news .grow .fadein ul li .show > p {
                    flex: 1;
                    padding-left: 15px;
                    font-size: 20px;
                    color: #C44427;
                    font-weight: bold;
                    line-height: 36px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden; }
                  .content .main_content .m .main_news .grow .fadein ul li .show .date {
                    overflow: hidden;
                    width: 81px;
                    height: 76px;
                    border: 1px solid #F0C2B4;
                    background: #FFF5ED;
                    padding: 10px 0 0 10px; }
                    .content .main_content .m .main_news .grow .fadein ul li .show .date p {
                      font-size: 20px;
                      line-height: 24px;
                      font-weight: bold;
                      font-family: din;
                      color: #C44427;
                      margin-bottom: 10px; }
                    .content .main_content .m .main_news .grow .fadein ul li .show .date span {
                      display: block;
                      font-size: 16px;
                      color: #C44427;
                      font-family: din;
                      line-height: 16px; }
                .content .main_content .m .main_news .grow .fadein ul li .line {
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between; }
                  .content .main_content .m .main_news .grow .fadein ul li .line .dot {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 80%; }
                    .content .main_content .m .main_news .grow .fadein ul li .line .dot div {
                      width: 5px;
                      height: 5px;
                      background: #C30905;
                      transform: rotate(45deg); }
                    .content .main_content .m .main_news .grow .fadein ul li .line .dot p {
                      font-size: 18px;
                      width: calc(100% - 12px - 5px);
                      color: #333333;
                      line-height: 31px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap; }
                  .content .main_content .m .main_news .grow .fadein ul li .line span {
                    font-size: 18px;
                    color: #666666; }
          .content .main_content .m .main_news .grow .tab {
            display: flex; }
.content .main_content .m .main_news .grow .tab div a{ font-weight: bold;color: #1A1A1A;}
            .content .main_content .m .main_news .grow .tab div {
              width: 160px;
              height: 54px;
              border-radius: 3px;
              position: relative;
              font-weight: bold;
              font-size: 28px;
              display: flex;
              align-items: center;
              line-height: 1;
              margin-right: 10px;
              justify-content: center;
              cursor: pointer;
              color: #1A1A1A; }
              .content .main_content .m .main_news .grow .tab div.on {
                color: #fff;
                background-image: linear-gradient(to right, #BD0100, #DB3204);}
.content .main_content .m .main_news .grow .tab div.on a{ color: #fff;}
                .content .main_content .m .main_news .grow .tab div.on::after {
                  content: '';
                  width: 16px;
                  height: 7px;
                  background-image: url(../images/icons_04.jpg);
                  background-size: 100% 100%;
                  position: absolute;
                  left: 50%;
                  transform: translateX(-50%);
                  bottom: -7px; }
.content .main_content .m .main_news .slide a{
  display:block;height:490px
}
        .content .main_content .m .main_news .slide {
          overflow: hidden;
          width: 55.91397849462366%;
          position: relative; }
          .content .main_content .m .main_news .slide .swiper-pagination {
            height: 52px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            bottom: 0;
            padding-right: 31px; }
          .content .main_content .m .main_news .slide .swiper-pagination-bullet {
            transition: all .1s;
            width: 11px;
            height: 11px; }
          .content .main_content .m .main_news .slide .swiper-pagination-bullet-active {
            width: 29px;
            border-radius: 10px; }
          .content .main_content .m .main_news .slide .mySwiper {
            width: 100%;
            overflow: hidden;
            height: 100%; }
            .content .main_content .m .main_news .slide .mySwiper .swiper-slide {
              width: 100%;
              height: 100%;
              overflow: hidden; }
              .content .main_content .m .main_news .slide .mySwiper .swiper-slide img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block; }
              .content .main_content .m .main_news .slide .mySwiper .swiper-slide div {
                width: 100%;
                height: 52px;
                background: rgba(0, 0, 0, 0.6);
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 99;
                display: flex;
                align-items: center;
                padding: 0 30px; }
                .content .main_content .m .main_news .slide .mySwiper .swiper-slide div span {
                  display: block;
                  font-size: 20px;
                  overflow: hidden;
                  width: 70%;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  color: #fff; }

.footer {
  overflow: hidden;
background: #eef3f7;
  width: 100%; }
  .footer .m {
    width: 1400px;
    margin: 0 auto; }
    .footer .m footer {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 0; }
      .footer .m footer .fl {
        display: flex;
        align-items: center; }
        .footer .m footer .fl img {
          display: block; }
        .footer .m footer .fl div {
          overflow: hidden;
          margin-left: 29px; }
          .footer .m footer .fl div span {
            display: block;
            text-align: center;
            font-size: 18px;
            line-height: 42px;
            color: #383838; }
          .footer .m footer .fl div a {
        
            color: #383838; }
      .footer .m footer .fr {
        display: flex; }
        .footer .m footer .fr div {
          overflow: hidden;
          margin-left: 44px; }
          .footer .m footer .fr div img {
            display: block;
            margin: 0 auto;
            width: 120px;
            margin-bottom: 10px; }
          .footer .m footer .fr div span {
            display: block;
            text-align: center;
            font-size: 16px;
            line-height: 25px;
            color: #A6A6A6; }
    .footer .m .select {
      display: flex;
      align-items: center;
      height: 72px;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9; }
      .footer .m .select select {
        flex: 1;
        height: 100%;
        border: none;
        outline: none;
        background: none;
        font-size: 18px;
        padding-left: 32px;
        color: #383838; }

@media (max-width: 1600px) {
.content .main_content .m .main_news .slide a{height:450px}
  .m {
    width: 1200px !important; }

  .content .navbar .m li a {
    font-size: 24px;
    }

  .content .main_content .m .main_news .grow .tab div {
    font-size: 22px; }

  .content .main_content .m .main_news .grow .fadein ul li .line .dot p {
    font-size: 16px; }

  .content .main_content .m .main_news .grow .fadein ul li {
    margin-top: 16px; }

  .content .main_content .m .main_news .grow {
    padding-bottom: 15px; }

  .content .main_content .m .main_news_list .item .head p {
    font-size: 30px;
    }

  .content .main_content .m .main_news_list .item .head a {
    font-size: 14px; }

  .content .main_content .m .main_news_list .item ul li a .dot p {
    font-size: 16px; }

  .content .main_content .m .main_news_list .item ul li a span {
    font-size: 16px; } }
@media (max-width: 1300px) {
  .m {
    width: 900px !important; }

  .content .navbar .m li a {
    font-size: 17px; }
.content .main_content .m .main_news .slide a{
  display:block;height:430px
}
  .content .main_content .m .main_news .slide .mySwiper .swiper-slide div span {
    font-size: 16px; }

  .content .main_content .m .main_news .grow .tab div {
    font-size: 18px;
    width: 120px;
    height: 45px; }

  .content .main_content .m .main_news .grow .fadein ul li .show > p {
    font-size: 16px;
    line-height: 1.7; }

  .content .main_content .m .main_news .grow .fadein ul li .line span {
    font-size: 14px; }

  .content .main_content .m .main_news .grow .fadein ul li .line .dot p {
    font-size: 14px; }

  .content .main_content .m .main_news .grow .fadein ul li {
    margin-top: 14px; }

  .content .main_content .m .main_news .grow {
    padding-bottom: 15px; }

  .content .main_content .m .main_news_list .item .head p {
    font-size: 30px;
    }

  .content .main_content .m .main_news_list .item .head a {
    font-size: 15px; }

  .content .main_content .m .main_news_list .item ul li a .dot p {
    font-size: 15px; }

  .content .main_content .m .main_news_list .item ul li a span {
    font-size: 15px; }

  .content .banner {
    height: 320px; } }
@media (max-width: 1000px) {
  .m {
    width: 100% !important; }

  .content .banner {
    height: 30vw;
    }

  .content .navbar .m li a {
    font-size: 15px;
    }

  .content .navbar {
    height: auto;
    padding-bottom: 10px;
    }

  .content .navbar .m li:first-child::before {
    display: none; }

  .content .navbar .m li::after {
    height: 20px;
    }

  .content .main_content .m {
    padding: .3rem; }

  .content .main_content .m .main_news {
    width: 100%;
    display: block; }
.content .main_content .m .main_news .slide a{
  display:block;height:55vw
}
  .content .main_content .m .main_news .slide {
    width: 100%; }

  .content .main_content .m .main_news .slide .swiper-pagination {
    height: .66rem;
    padding-right: .2rem; }

  .content .main_content .m .main_news .slide .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem; }

  .content .main_content .m .main_news .slide .swiper-pagination-bullet-active {
    width: .22rem; }

  .content .main_content .m .main_news .slide .mySwiper .swiper-slide div {
    height: .66rem;
    padding: 0 .3rem; }
    .content .main_content .m .main_news .slide .mySwiper .swiper-slide div span {
      font-size: .24rem; }

  .content .main_content .m .main_news .grow {
    width: 100%;
    padding: .3rem; }

  .content .main_content .m .main_news .grow .tab div {
    width: 2rem;
    height: .7rem;
    font-size: .28rem; }

  .content .main_content .m .main_news .grow .fadein ul {
    margin-top: .4rem; }

  .content .main_content .m .des_banner {
    margin-top: .2rem; }

  .content .main_content .m .main_news_list .item {
    width: 100%;
    margin: 0;
    margin-top: .3rem; }

  .content .main_content .m .main_news_list .item ul li {
    margin-top: .2rem; }

  .content .main_content .m .main_news_list .item ul li a .dot p {
    font-size: .26rem; }

  .content .main_content .m .main_news_list .item ul li a span {
    font-size: .26rem; }

  .content .main_content .m .main_links .head p {
    font-size: .33rem;
    line-height: .5rem; }

  .content .main_content .m .main_links .head div span {
    font-size: .26rem;
    line-height: .4rem; }

  .content .main_content .m .main_news_list .item .head p {
    font-size: .3rem; }

  .content .main_content .m .main_links .box .mySwiper1 .swiper-slide {
    width: 49%;
    margin-right: 2%; }

  .content .main_content .m .main_links {
    margin-top: .3rem; }

  .content .main_content .m .main_news .grow .fadein ul li .show > p {
    font-size: .26rem; }

  .content .main_content .m .main_news .grow .fadein ul li .show .date {
    height: auto;
    padding: .1rem .2rem;
    width: auto; }

  .content .main_content .m .main_news .grow .fadein ul li .line .dot p, .content .main_content .m .main_news .grow .fadein ul li .line span {
    font-size: .26rem; }

  .content .main_content .m .main_news .grow .fadein ul li {
    margin-top: .15rem; }

  .content .main_content .m .main_news .grow .fadein ul li .show .date p {
    font-size: .3rem;
    margin-bottom: .1rem; }

  .content .main_content .m .main_news .grow .fadein ul li .show .date span {
    font-size: .26rem; }

  .footer .m .select {
    height: auto;
    flex-wrap: wrap; }
    .footer .m .select select {
      width: 33.33%;
      height: .8rem;
      flex: auto;
      font-size: .25rem;
      padding-left: .2rem; }

  .footer .m footer {
    padding: .3rem;
    box-sizing: border-box;
    display: block; }

  .footer .m footer .fr {
    display: flex;
    align-items: center;
    justify-content: center; }
    .footer .m footer .fr div {
      overflow: hidden;
      padding: 0 .2rem;
      margin: 0;
      margin-top: .3rem; }
      .footer .m footer .fr div img {
        width: 1.5rem;
        margin-bottom: .2rem; }
      .footer .m footer .fr div span {
        font-size: .24rem;
        text-align: center; }

  .footer .m footer .fl {
    width: 100%;
    display: block; }
    .footer .m footer .fl img {
      width: .8rem;
      margin: 0 auto;
      margin-bottom: .3rem; }
    .footer .m footer .fl div {
      width: 100%;
      padding: 0;
      margin: 0; }
      .footer .m footer .fl div span {
        display: block;
        font-size: 14px;
        text-align: center;
        line-height: 1.7;
        } }

/*# sourceMappingURL=css.css.map */

.content .navbar .m ul{display: flex;
    align-items: center;width:70%
    }
.content .navbar .m ul li.code{
  position:relative;
    }
.content .navbar .m ul li.code span{
  position:absolute;
  top:calc(100% + 20px);
  padding:10px;
  background:#fff;
  box-shadow:0 5px 10px rgba(0,0,0,.1);
  border-radius:5px;
  z-index:20;
  display:none;
  width: 120px;
}
.content .navbar .m ul li.code:hover span{
  display:block
}

@media (max-width:1000px){
  .content .navbar .m ul{width: 94%;padding: 15px 0;}
  .content .navbar .m ul li.code span{width: 100px;}
   .content .navbar .m ul li.code img{width:100%}
}